<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>essentialinformation</title>
    <!-- 基本信息界面   -->
    <!-- 引入样式 -->
    <script type="text/javascript" src="../js/vue.js"></script>
    <script type="text/javascript" src="../js/axios.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>


<body>
<div style="margin-top:10px;margin:auto;padding-top:15px;padding-left:255px;">

<div id="app">
    <h2>{{message}}</h2>
</div>



    <div id="tableView" style="margin-top: 10px;margin-left: 15px;margin: auto;padding-top: 15px;">
        <!-- <el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm"> -->
        <el-form :inline="true" :model="editForm" class="demo-form-inline" :rules="editFormRules" ref="editForm">
            <el-form-item label="主管单位" prop="manage">
                <el-select v-model="editForm.manage" placeholder="请选择" disabled>
                    <el-option
                            v-for="item in options"
                            :key="item.id"
                            :label="item.name"
                            :value="item.name">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="单位名称" prop="name">
                <el-input v-model="editForm.name" placeholder="请输入单位名称" style="padding-right: 15px;" disabled></el-input>
            </el-form-item>
            <el-form-item label="单位类别" prop="type">
                <el-select v-model="editForm.type" placeholder="请选择" disabled>
                    <el-option
                            v-for="item in sorts"
                            :key="item.id"
                            :label="item.commonsort"
                            :value="item.commonsort">
                    </el-option>
                </el-select>
            </el-form-item><br>
            <el-form-item label="单位性质" prop="nature">
                <el-select v-model="editForm.nature" placeholder="请选择" disabled>
                    <el-option
                            v-for="item in qualitys"
                            :key="item.id"
                            :label="item.commonnature"
                            :value="item.commonnature">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="所属行业" prop="industry">
                <el-select v-model="editForm.industry" placeholder="请选择" disabled>
                    <el-option
                            v-for="item in industrys"
                            :key="item.id"
                            :label="item.guild"
                            :value="item.guild">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="申报等级" prop="grading">
                <el-select v-model="editForm.grading" placeholder="请选择" disabled>
                    <el-option
                            v-for="item in levels"
                            :key="item.id"
                            :label="item.rank"
                            :value="item.rank">
                    </el-option>
                </el-select>
            </el-form-item><br>
            <el-form-item label="账　　户" prop="unituser">
                <el-input v-model="editForm.unituser" @blur="selAccount" placeholder="请输入账户" style="padding-right: 15px;" disabled></el-input>
            </el-form-item>
            <el-form-item label="编制人数" prop="number">
                <el-input v-model="editForm.number" placeholder="请输入编制人数" style="padding-right: 15px;" disabled></el-input>
            </el-form-item>
            <!--  <el-form-item label="编制文件" prop="file">
                    <el-button :plain="true" type="success" size="small" icon="el-icon-download" @click="downloadClick(editForm.file)">
                               下载
                       </el-button>
             </el-form-item><br>  -->
            <el-form-item label="邮　　箱" prop="email" >
                <el-input v-model="editForm.email" placeholder="请输入邮箱" style="padding-right: 15px;" disabled></el-input>
            </el-form-item><br>
            <!-- <el-form-item label="机构代码证:" prop="organizationid">
                   <img width="200px" style="margin-left:0px;" :src="'http://localhost:8080/'+editForm.code"/>
            </el-form-item> -->
            <el-form-item label="联  系  人" prop="linkman" >
                <el-input v-model="editForm.linkman" placeholder="请输入联系人" style="padding-right: 20px;" disabled></el-input>
            </el-form-item>
            <el-form-item label="联系电话" prop="linknum">
                <el-input v-model="editForm.linknum" placeholder="请输入联系电话" style="padding-right: 15px;" disabled></el-input>
            </el-form-item>
            <el-form-item label="单位地址" prop="address">
                <el-input v-model="editForm.address" placeholder="请输入单位地址" style="padding-right: 15px;" disabled></el-input>
            </el-form-item><br>
            <el-form-item label="单位介绍" prop="introduce">
                <el-input type="textarea" v-model="editForm.introduce" :rows="9" :cols="100" disabled></el-input>
            </el-form-item><br>
        </el-form>
    </div>

</div>

</body>

<script type="text/javascript">

    var aa=new Vue({
        el: '#app',
        data: {
            message: '基本信息'
        }
    });
    var tableView = new Vue({
        el: '#tableView',
        data: {
            fileList: [{}],
            //编辑界面数据
            editForm: {

                manage:"",
                name:"",
                type:"",
                nature:"",
                industry:"",
                grading:"",
                unituser:"",
                number:"",
                email:"",
                linkman:"",
                linknum:"",
                address:"",
                introduce:""
            },
        },created:function () {
            var self=this;
            axios.post('/zhsh/Ess').then(function(response){
                self.editForm=response.data;
            });

        },methods:{


        }
    });




</script>
</html>